@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
  html,body {
    font-size:46.08px;
  }
}
@media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
  html,body {
    font-size:40.96px;
  }
}
@media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
  html,body {
    font-size:34.13333333333333px;
  }
}
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
  html,body {
    font-size:30.72px;
  }
}
@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
  html,body {
    font-size:27.30666666666667px;
  }
}
@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
  html,body {
    font-size:25.6px;
  }
}
@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
  html,body {
    font-size:23.04px;
  }
}
@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
  html,body {
    font-size:20.48px;
  }
}
@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
  html,body {
    font-size:17.664px;
  }
}
@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
  html,body {
    font-size:17.066666666666666px;
  }
}
@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
  html,body {
    font-size:16px;
  }
}
@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
  html,body {
    font-size:15.36px;
  }
}
@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
  html,body {
    font-size:13.653333333333334px;
  }
}

body,html {
  line-height: 1;
  font-family: 'PingFang SC','STHeitiSC-Light','Helvetica-Light',Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

.overflow-txt{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
  
.clear-input{
  background:none;
  outline:none;
  border:0;
}
  
.clear-btn{
  border:none;
  border-radius:0;
  outline:none;
}
  

.clear-select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  border:none;
  background-color:transparent;
}
  

.clear-select::-ms-expand { 
  display:none;
}


.common-btn{
  height:2.1875rem;
  line-height: 2.1875rem;
  border-radius:0.3125rem;
  color:#fff;
  font-size:1rem;
  text-align:center;
  background-color: #10d2d4;
}
.large-btn{
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-top: 1rem;
  width: 100%;
}
/* 瑜伽馆主渐变按钮 */
/* .gradient-btn{
  background:linear-gradient(to right, #f06774 , #ff9174);
} */
.yellow-btn{
  background-color: #fff000;
  color: #161415;
}
/* 三等分count样式 */
.count-wrap{
  display:flex;
  display: -webkit-flex;
  justify-content:space-between;
  -webkit-justify-content:space-between;
}

.count-item{
  flex:1;
  -webkit-flex:1;
  text-align:center;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.count-num{
  font-size:1.3125rem;
  color: #10d2d4;
}
.count-txt{
  padding-top:0.625rem;
  font-size:0.75rem;
  color:#fff;
}

.pop-wrap{
  position:fixed;
  z-index:1000;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  background:rgba(0,0,0,0.5);
  opacity:1;
  display:flex;
  display: -webkit-flex;
  justify-content:center;
  -webkit-justify-content:center;
  align-items:center;
  -webkit-align-items:center;
}
  
/* &.fade-enter-active, &.fade-leave-active
  transition all 0.5s ease
&.fade-enter, &.fade-leave-active
  opacity 0
  background rgba(0,0,0,0) */
.pop-content{
  width:76%;
  height:19.0625rem;
  background:#fff;
  border-radius:0.3125rem;;
  display:flex;
  display: -webkit-flex;
  flex-direction:column;
  -webkit-flex-direction:column;
  align-items:center;
  -webkit-align-items:center;
  position:relative;
}
  
.success-img{
  margin-top:1.25rem;
}
.pop-title{
  font-size:1.5rem;
  margin:1.25rem 0;
}
.pop-num{
  font-size:1.5rem;
  color:#f06774;
}
.vote-btn{
  position:absolute;
  width:70%;
  bottom:1.875rem;
}
.tabbar-wrap{
  width:100%;
  height:3rem;
  background:#fff;
  border-top:1px solid #161415;
  display:flex;
  display: -webkit-flex;
  position:fixed;
  bottom:0;
  z-index:999;
}
.tab-item{
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction:column;
  color: #161415;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.bottom-wrap{
  color: #161415;
}
.icon-home ,.icon-linerank, .icon-edit, .icon-rule{
  font-size: 1.5rem;
}
.tab-txt{
  font-size: 0.75rem;
  padding-bottom: 0.3rem;
}
.js-active{
  color: #f06774;
}
.js-hidden{
  display: none;
}
